

class Food {
    element : HTMLElement ;

    constructor() {
        // 获取页面元素 赋值给element
        this.element = document.getElementById('food') !;  // ! 表示保证不为空
    }

    //
    get X() {
        return this.element.offsetLeft ;
    }

    //
    get Y() {
        return this.element.offsetTop ;
    }

    change() {
        let top = Math.round(Math.random() * 29) * 10 ;
        let left = Math.round(Math.random() * 29) * 10 ;
        this.element.style.left = left + 'px';
        this.element.style.top = top + 'px';
    }
}

export default Food;